<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/css/bootstrap.css">
    <script src="/js/jquery.js"></script>
    <script src="/js/bootstrap.js"></script>
    <title>home</title>
</head>
<body>
<div class="container">
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
    </div>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="/img/homeimage1.jpg" class="img-responsive img-thumbnail"  alt="...">
        </div>
        <div class="carousel-item">
            <img src="/img/homeimage2.jpg" class="img-responsive img-thumbnail"  alt="...">
        </div>
        <div class="carousel-item">
           <img src="/img/homeimage3.jpg" class="img-responsive img-thumbnail"  alt="...">
        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>
</div>
</body>
<script>
    function loadHouseDetail(houseid) {
        $.ajax({
            url:'/house/to_houseDetail',
            type:'get',
            data:{"houseid" : houseid},
            async:true,
            dataType: "html",
            contentType: 'application/json; charset=utf-8',
            success:function (html){
                $('#allItems').html(html);
                loadComments();
            },
            error: function () {
                alert("请求错误！！");
            }
        })
    }
</script>
</html>